import { FC, useEffect } from "react";
import { IconFont } from "../../../utils/iconfont/icon";
import styles from "./mv.module.css";
import { Button, Radio, Spin, Skeleton, Statistic } from "antd";
import { useDispatch } from "react-redux";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import { Tabs } from "antd";
// import { Input } from "antd";
// import { SearchOutlined } from "@ant-design/icons";
import { useSelector } from "../../../redux/hooks";
import { getPlaylist, getUserDetail } from "../../../redux/userInfo/slice";
import { getsongList } from "../../../redux/list/slice";
import {
  CaretRightOutlined,
  DownloadOutlined,
  FolderAddOutlined,
  ShareAltOutlined,
} from "@ant-design/icons";
import dayjs from "dayjs";
import Header from "../../../components/Header";
import { Player } from "video-react";
const MV = (props: any) => {
  const { mvUrl } = useSelector((s) => s.listDetail);

  const dispatch = useDispatch();

  return (
    <div className={styles.page}>
      <Header />
      <div className={styles.contain}>
        {mvUrl ? (
          <div className={styles.playersss}>
            <video className={styles.video} controls src={mvUrl}>
              {/* 您的浏览器不支持 video 标签。 */}
            </video>
          </div>
        ) : (
          "稍等"
        )}
      </div>
    </div>
  );
};

export default MV;
